// 引入model.less common_ui.less  base.less
@import "base";
@import "model";
@import "common_ui";

@theme_color: #4487f6;

.layui-elem-quote {
  border-left: 5px solid @theme_color;
}

.layui-bg-green {
  background-color: @theme_color !important
}

.layui-btn {
  //background-color: @theme_color;
  //&.layui-btn-primary{
  //  background-color: #fff;
  //}
}

.layui-btn-primary:hover {
  border-color: @theme_color;
  color: #333
}

.layui-btn-group .layui-btn-primary:hover {
  border-color: @theme_color;
}

.layui-laypage {
  a:hover {
    color: @theme_color;
  }
  input:focus, select:focus {
    border-color: @theme_color !important
  }
}

.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: @theme_color;
}

.layui-upload-drag .layui-icon {
  color: @theme_color;
}

.layui-upload-drag[lay-over] {
  border-color: @theme_color;
}

.layui-nav-tree .layui-nav-bar {
  background-color: @theme_color;
}

.layui-nav-tree .layui-nav-child dd.layui-this, .layui-nav-tree .layui-nav-child dd.layui-this a, .layui-nav-tree .layui-this, .layui-nav-tree .layui-this > a, .layui-nav-tree .layui-this > a:hover {
  background-color: @theme_color;
}

.layui-tab-brief > .layui-tab-title .layui-this {
  color: @theme_color;
}

.layui-slider-input-btn i:hover {
  color: @theme_color;
}

.layui-layout-admin .layui-logo {
  color: @theme_color;
  .logo-text {
    color: @theme_color;
  }
}

@media screen and (max-width: 640px ) {
  .layui-layout-admin {
    .layui-logo {
      color: @theme_color;
    }
  }
}


.layui-progress-bar {
  background-color: @theme_color;
}

.layui-form-select dl dd.layui-this {
  background-color: @theme_color;
}

.layui-form-checked, .layui-form-checked:hover {
  border-color: @theme_color;
}

.layui-form-checked span, .layui-form-checked:hover span {
  //background-color: @theme_color;
}

.layui-form-checked i, .layui-form-checked:hover i {
  color: @theme_color;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: @theme_color;
}

.layui-form-checked[lay-skin=primary] i {
  border-color: @theme_color;
  background-color: @theme_color;
}

.layui-form-onswitch {
  border-color: @theme_color;
  background-color: @theme_color;
}
.layui-form-radio > i:hover, .layui-form-radioed > i {
  color: @theme_color;
}

.layui-table-edit:focus {
  border-color: @theme_color !important;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
  background-color: @theme_color;
}

.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this {
  background-color: @theme_color;
}

.layui-breadcrumb a:hover {
  color: @theme_color !important
}

.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
  border-bottom: 2px solid @theme_color;
}

.layui-tab-card > .layui-tab-more .layui-this {
  color: @theme_color;
}
.layui-timeline-axis {
  color: @theme_color;
}
